import { Divider, Icon } from "@antmjs/vantui";
import { View, Text } from "@tarojs/components";
import React from "react";
import Taro from "@tarojs/taro";

const IndexRiskQuery: React.FC = () => {
  return (
    <View className="p-3 bg-white">
      <View>风险查询</View>
      <View>生产加工环境条件</View>
      <View className="">
        <View
          className="flex flex-row gap-4 flex-nowrap"
          onClick={() =>
            Taro.redirectTo({
              url: "/pages/RiskQuery/components/RiskQueryDetail/index",
            })
          }
        >
          <View className="w-[20px]">1、</View>
          <View>
            更衣、洗手、干手、消毒等卫生设备设施配置不全或不能正常使用
          </View>
        </View>
        <Divider hairline className="!my-[16px]" />
        <View
          className="flex flex-row gap-4 flex-nowrap"
          onClick={() =>
            Taro.redirectTo({
              url: "/pages/RiskQuery/components/RiskQueryDetail/index",
            })
          }
        >
          <View className="w-[20px]">2、</View>
          <View>
            更衣、洗手、干手、消毒等卫生设备设施配置不全或不能正常使用
          </View>
        </View>
        <Divider hairline className="!my-[16px]" />
        <View
          className="flex flex-row gap-4 flex-nowrap"
          onClick={() =>
            Taro.redirectTo({
              url: "/pages/RiskQuery/components/RiskQueryDetail/index",
            })
          }
        >
          <View className="w-[20px]">3、</View>
          <View>
            更衣、洗手、干手、消毒等卫生设备设施配置不全或不能正常使用
          </View>
        </View>
        <Divider hairline className="!my-[16px]" />
        <View
          className="flex flex-row items-center justify-center gap-1 py-2 text-center flex-nowrap"
          onClick={() => {
            Taro.navigateTo({
              url: "/pages/RiskQuery/index",
            });
          }}
        >
          <Text>查看更多</Text>
          <Icon name="arrow" size="16px" className="icon" color="#666"></Icon>
        </View>
      </View>
    </View>
  );
};

export default IndexRiskQuery;
